<template>
  <section>
    <province :provinces='provincelist'>1212</province>
    <el-button @click.native="cli1(12)">111</el-button>
    <div class='s'  @click="ssss">click</div>
    <button @click="sssss">sss</button>
  </section>

</template>
<script>
  import province from '../comCheck/province.vue'
 
  export default {
    components:{province},
    data() {
      return {
        zzz:111,
        provincelist:[{lable:'北京'},{lable:'上海'},{lable:'浙江'}],
        // rules: {
        //   name: [
        //     { required: true, message: '输入画室名称', trigger: 'blur' },
        //     // { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
        //   ],
        //   provice: [
        //     { required: true, message: '输入省份', trigger: 'blur' },
        //   ],
        //   contact: [
        //     { required: true, message: '输入联系老师', trigger: 'blur' },
        //   ],
        //   phone: [
        //     { required: true, trigger: 'blur', validator: validPhone }//这里需要用到全局变量
        //   ],
        //   email: [
        //     { required: true, message: '请输入email', trigger: 'blur' },//这里需要用到全局变量
        //     { type: 'email', message: 'email格式错误,请输入正确的email', trigger: 'blur' }
        //   ]
        // }
      }
    },
    methods: {
      cli1:function(val) {
        console.log(val)

        console.log(this.zzz)
      },
      sssss:function(val){
         console.log(this)

      },
      ssss:function(val){
        console.log(val)
        console.log(this.provincelist)
        console.log(this.zzz)
      }
    }
  }

</script>
<style >
.s{
  border: 1px solid red;
}
</style>